F
Fourier LMS — bộ mockup UI v1.1
Đủ hành trình sản phẩm: GV solo → HS → PH → Teacher pro → Center → Advanced → Add-on · design system "Fourier UI"
Mọi màn link chéo với nhau như app thật — bắt đầu từ Hôm nay rồi đi theo nút bấm. Một số màn có Tweaks (panel bên phải): SCR-08 đổi dark mode + AI gián đoạn · SCR-02 trạng thái hết việc · SCR-06 chế độ offline.
⭐ 4 HERO SCREENS — NƠI THẮNG CẢM NHẬN
SCR-02 Hôm nay + Work queue Mở app là thấy việc · shell 3 ui_mode · tweak: empty SCR-08 ⭐⭐ Grading Cockpit + Copilot Bấm thử: highlight tím, rubric, J/K, Shift+? · tweak: dark, AI bận SCR-11 Phổ năng lực Spectrum + evidence drawer + đủ 5 data-state badge SCR-06 Điểm danh mobile Tap xoay vòng trạng thái, ≤30s/lớp · tweak: offline
VÒNG LẶP DẠY HỌC (BASIC)
SCR-03Lớp học — danh sách & chi tiết SCR-04Hồ sơ 360° (drawer, 6 tab) SCR-05Lịch tuần + ngoại lệ SCR-07Giao bài (GV) + Nộp bài (HS) SCR-09Quiz builder + auto-grade SCR-10Nội dung: tài liệu · giáo trình
HỌC VIÊN & PHỤ HUYNH (MOBILE-FIRST)
SCR-01Onboarding GV ≤15' (bấm thử 5 bước) SCR-12Student app — Next Action (dark) + Luyện tập SCR-14Parent portal — đọc trong 30 giây
VẬN HÀNH · THƯƠNG MẠI · SCALE
SCR-13Báo cáo + Digest (Zalo preview) SCR-15Học phí + nhắc phí VietQR SCR-16Import (rollback) · Export · Tích hợp SCR-17Cài đặt · Quota · Consent AI SCR-18Teacher Pro — cohort, TA, automation SCR-19Center — backlog GV, thư viện chuẩn
ADVANCED · ADD-ON · NỀN TẢNG
SCR-A3 pattern Advanced + heatmap + adaptive plan SCR-A5Phân xử double-mark (Center Adv) SCR-X1Speaking Lab — GOP heatmap, timestamp §D4So sánh gói + Cửa hàng add-on (honest gating) §A5Style Guide — token, 12 component, pill, badge SCR-20Chuẩn states — empty/offline/undo/dedup
Chưa dựng riêng (dùng chung pattern đã có): SCR-00 shell (thể hiện trong SCR-02/19) · SCR-A1–A4, A6–A10 chi tiết (pattern ở SCR-A) · SCR-X2–X8 (đại diện bằng X1 + card ở trang Gói).
Mock data thống nhất: lớp "IELTS 6.5 — Tối T3·T7" · Nguyễn Thảo My (tiến bộ) · Trần Đức Minh (at-risk) · 1.500.000 ₫ · dd/mm · tím ✦ chỉ dành cho AI.